#header .title .subtitle {
  display: none; }

.image-viewable, .image-editable, #right .thumbnail {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.image-editable div {
  margin-top: -5px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  display: none;
  font-weight: bold; }
.image-editable .image-submit {
  border: 1px solid #076fe4;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebcf1;
  box-shadow: inset 0 1px 0 0 #8ebcf1;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  background-color: #4294f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4294f0), color-stop(100%, #0776f3));
  background-image: -webkit-linear-gradient(top, #4294f0, #0776f3);
  background-image: -moz-linear-gradient(top, #4294f0, #0776f3);
  background-image: -ms-linear-gradient(top, #4294f0, #0776f3);
  background-image: -o-linear-gradient(top, #4294f0, #0776f3);
  background-image: linear-gradient(top, #4294f0, #0776f3);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #0065d6;
  -webkit-background-clip: padding-box;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  display: none; }
  .image-editable .image-submit:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #60a2ec;
    box-shadow: inset 0 1px 0 0 #60a2ec;
    cursor: pointer;
    background-color: #2f87ea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f87ea), color-stop(100%, #086fe3));
    background-image: -webkit-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -moz-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -ms-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -o-linear-gradient(top, #2f87ea, #086fe3);
    background-image: linear-gradient(top, #2f87ea, #086fe3); }
  .image-editable .image-submit:active:not(:disabled) {
    border: 1px solid #076fe4;
    -webkit-box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee; }
  .image-editable .image-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.image-editable:not(.highlight) {
  outline: 1px solid black; }

.image-editable.highlight {
  outline: 7px solid orange; }

.image-editable:hover div {
  display: block; }

#right {
  float: right;
  width: 400px;
  text-align: center; }
  #right .thumbnail {
    width: 100%;
    height: 400px; }
  #right .name {
    font-weight: bold;
    font-size: 20px; }

#price .label {
  font-weight: bold; }

#expiration {
  font-style: italic;
  margin-bottom: 20px; }

#description {
  margin-left: 20px; }

#clearer {
  clear: both; }

.star-strip {
  background-repeat: repeat-x;
  background-size: contain;
  background-image: url("/images/star-back.svg");
  position: relative; }
  .star-strip div {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url("/images/star.svg"); }

.star-strip:not(.large) {
  height: 15px;
  width: 75px; }

.star-strip.large {
  height: 30px;
  width: 150px; }

#rating-form .numerical-rating {
  float: right;
  width: 150px;
  height: 30px;
  background-repeat: repeat-x;
  background-size: contain;
  background-image: url("/images/star-back.svg");
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
  position: relative;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1); }
  #rating-form .numerical-rating input {
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer; }
  #rating-form .numerical-rating input:hover, #rating-form .numerical-rating input:checked {
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url("/images/star.svg"); }
#rating-form textarea {
  display: none; }
#rating-form .rich-text {
  width: 50%;
  height: 150px; }
#rating-form input[type=submit] {
  margin-right: 50%;
  display: block;
  position: relative;
  margin-left: auto; }

#average-rating {
  float: right; }

h2 .clearer {
  clear: both; }

.rating {
  width: 100%;
  position: relative;
  margin-bottom: 10px; }
  .rating .margin {
    width: 36px;
    float: left; }
    .rating .margin .user {
      margin: 0;
      padding: 0;
      display: block;
      text-decoration: none; }
      .rating .margin .user .pic {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 36px;
        height: 36px;
        outline: 1px solid black; }
      .rating .margin .user .name {
        margin-top: 5px;
        font-size: 10px;
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
        color: black;
        text-decoration: none; }
  .rating .message {
    width: 100%;
    margin-left: 50px; }
  .rating .clearer {
    clear: both; }
